Introduction To Web Design With HTML And CSS

« Back to Series Directory

• 1 Introduction

  What you will learn and anatomy of a web site

• 2 Software

  You can use free and paid software - this video outlines your options

• 3 HTML basics

  Working with tags

• 4 Developments process

  The steps involved in creating a website

• 5 HTML introductory tags

  Tags you will need to get started

• 6 HTML and CSS relationship

  Why we have 2 languages

• 7 Images

  Continuing with the site - adding images

• 8 Linking pages

  Going from one page to another

• 9 Title and DIV

  The title tag and div divisions

• 10 CSS

  Diving into CSS

• 11 Floats

  Positioning divs with floats

• 12 Image replacement

  Replacing text with images - keeping everything search engine friendly

• 13 Margins and re-defining html tags

  css margins and redefining html tags (navlists)

• 14 Navlists

  More information on creating horizontal navigation from an unordered list

• 15 Fluid and fixed layouts

  Creating fluid and fixed width layouts

• 15 Explanations of code(1-7)

  doctype and where code sits

• 16 Explanations of code(2-7)

  float basics

• 17 Explanations of code(3-7)

  inline vs external styles

• 18 Explanations of code(4-7)

  stretch container div to accomodate floats using css clear

• 19 Explanations of code(5-7)

  inline and block level elements

• 20 Explanations of code(6-7)

  css CLASS and css ID uses

• 21 Explanations of code(7-7)

  css clear when using floats

Looking Further?

Take a look at the facebook page for tutorialtrack.com, come and share your work or just say hello!

The YouTube channel contains a growing number of video tutorials.